<template>
  <div id="app">
    <header>头部</header>
    <router-view></router-view>
    <footer>
      <ul>
        <li>
          <router-link to="/home" tag="span">首页</router-link>
        </li>
        <li>
          <router-link to="/category">分类</router-link>
        </li>
        <li>
          <router-link to="/list">商品详情</router-link>
        </li>
        <li><a href="#/home">首页</a></li>
        <li><a href="#/category">分类</a></li>
      </ul>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style>
.router-link-exact-active {
  color: #00f;
  text-decoration: none;
}
</style>
